@CHARSET "UTF-8";
.menu {
	font-family		: Arial, sans-serif
	height			: 30px;
	margin			: 0px;
}

/* remove the bullets and set the margin and padding to zero for the unordered list */
.menu ul {
	padding			: 0;
	margin			: 0;
	list-style-type	: none;
}

/* float the list so that the items are in a line and their position relative so that the drop down list will appear in the right place underneath each list item */
.menu ul li {
	float				:left;
	position			:relative;
}

/* style the links to be 110px wide by 30px high with a top and right border 1px solid white. Set the background color and the font size. */
.menu ul li a, .menu ul li a:visited {
display				:block;
text-align			:center;
text-decoration		:none;
width				:110px;
height				:30px;
color				:#fff;
border				:1px solid #fff;
border-width		:1px 1px 0 0;
background			:#1e5799;
line-height			:30px;
font-size			:12px;
}

/* make the dropdown ul invisible */
.menu ul li ul {
display				: none;
}

/* set the background and foreground color of the main menu li on hover */
.menu ul li:hover a {
color				: #fff;
background			: #4c4c4c;
}

#search {
display				:block;
text-align			:center;
text-decoration		:none;
width				:200px;
height				:100px;
color				:#000;
border				:1px solid #fff;
border-width		:1px 1px 0 0;
background			:#ebf1f6;
line-height			:30px;
font-size			:11px;
}

/* make the sub menu ul visible and position it beneath the main menu list item */
.menu ul li:hover ul {
display				: block;
position			: absolute;
top					: 31px;
left				: 0;
width				: 110px;
}

/* style the background and foreground color of the submenu links */
.menu ul li:hover ul li a {
display				: block;
background			: #ebf1f6;
color				: #000;
}

/* style the background and forground colors of the links on hover */
.menu ul li:hover ul li a:hover {
background			: #1e5799;
color				: #fff;
}